<template>
  <a-layout class="layout">

    <a-layout-content>
      <a-breadcrumb>
        <a-breadcrumb-item href="#">
          <HomeOutlined />
        </a-breadcrumb-item>
        <a-breadcrumb-item href="#">
          <UserOutlined />
          <span>设计</span>
        </a-breadcrumb-item>
       
      </a-breadcrumb>
      <!-- 在这里添加设计页面的内容 -->
      <a-row class="page-wrapper-content" :gutter="24" justify="center">
          <a-col class="mypage-list-content" style="padding: 0 12px;flex: 1" :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
      <div> 
       
        <a-card>
          <a-space  wrap>
          <a-button type="primary">创建文档</a-button>
          <a-button type="primary">查询文档</a-button>
          <a-button type="primary">发起流程</a-button>
        </a-space>
        <a-divider />
        <!-- <a-steps
            :current="1"
            :items="[
              {
                title: 'Finished',
              },
              {
                title: 'In Progress',
              },
              {
                title: 'Waiting',
              },
            ]"
          ></a-steps> -->
          <p>这是文档的内容。</p>
        </a-card>
       
      </div>
      <a-card> 
        <a-space  wrap>
          <a-button type="primary">创建图纸</a-button>
          <a-button type="primary">修订图纸</a-button>
          <a-button type="primary">搭建图材表</a-button>
          <a-button type="primary">加入图材表</a-button>
          <a-button type="primary">发起流程</a-button>
          <a-button type="primary">形状检索</a-button>
          <a-button type="primary">属性检索</a-button>
          
        </a-space>
        <a-divider />
        <!-- <a-steps
            :current="1"
            :items="[
              {
                title: 'Finished',
              },
              {
                title: 'In Progress',
              },
              {
                title: 'Waiting',
              },
            ]"
          ></a-steps> -->
        <p>这是图纸的内容。</p>
        
      </a-card>
      
      </a-col>
      </a-row>
    </a-layout-content>
    <a-layout-footer style="text-align: center">
      这是页脚
    </a-layout-footer>
  </a-layout>
</template>

<script setup>
import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';

</script>

<style lang="scss">
.layout {
  width: 100%;
  height: 100%;
  overflow: auto;
}
</style>